<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/main.css"/>
	<script src="https://lib.baomitu.com/vue/2.5.1/vue.js"></script>
	<style>

	</style>
</head>
<body>
	
	<div id="app">
		<p>{{msg | msgFormat('女孩') | test }}</p>
	</div>
	<script type="text/javascript">
		//定义过滤器
		Vue.filter('msgFormat',function (msg,arg) {
			//字符串的 replace方法，第一个参数，除了可写一个字符串之外，还可以定义一个正则
			//return msg.replace('小伙','男孩')
			//arg是用来管道符传参的，如果想要多传，就在后面，msg2,msg3
			return msg.replace('小伙',arg)
			//这个是可以替换所有小伙的字段代码
			// return msg.replace(/小伙/g,'男孩')
		})
		Vue.filter('test',function (msg) {
			return msg + '============='
		})
		var vm=new Vue({
			el:'#app',
			data: {
				msg:'我是很帅气的小伙'
			},
			methods:{
			}
		})
	</script>
</body>
</html>